@charset "utf-8";
@import "common";
* {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

.section {
    width: 1495px;
    height: 1339px;
    margin: 0 auto;
    margin-top: 40px;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

//清除浮动
.clearFix:after {
    content: "";
    display: block;
    clear: both;
}

//左浮动
.fl {
    float: left;
}

//右浮动
.fr {
    float: right;
}

//左侧内容
.section-left {
    width: 828px;
    float: left;
    .shopping-cart {
        font-size: 18px;
        font-weight: 500;
        color: #000000;
    }
    //  打折优惠文字样式
    .preferential {
        height: 32px;
        background: #efefef;
        margin-top: 30px;
        p {
            color: #e02a2a;
            line-height: 32px;
            font-size: 14px;
            margin-left: 28px;
        }
    }
    //  会员账号文字样式
    .member-id {
        height: 66px;
        background: #efefef;
        margin-top: 6px;
        p:first-of-type {
            padding-top: 12px;
        }
    }
    //  配送地址等文字样式
    .address {
        margin-top: 7px;
        .box1 li {
            float: left;
            background: #c0c0c0;
            width: 249px;
            height: 38px;
            padding-left: 26px;
            margin-right: 1px;
            line-height: 38px;
            a {
                font-size: 18px;
                color: #ffffff;
            }
        }
        @keyframes box1-1 {
            form {}
            50% {
                transform: scale(1.2);
                box-shadow: 0 0 10px #e024de;
            }
            to {
                transform: scale(1);
            }
        }
        .box1 li:hover {
            animation: box1-1 2s infinite;
        }
        .box1 li:first-of-type {
            background: #584c4c;
        }
        //      地址管理
        .Address-management {
            margin-top: 24px;
            //          地址管理文字样式
            p {
                font-size: 14px;
            }
            //          详细地址
            .complete-address {
                width: 827;
                height: 91px;
                margin-top: 7px;
                border-top: 1px solid #dadada;
                border-bottom: 1px solid #dadada;
                li {
                    float: left;
                    font-size: 14px;
                    a {
                        color: black;
                        text-decoration: underline;
                    }
                }
                ul li:nth-of-type(1) {
                    width: 133px;
                    margin-left: 26px;
                }
                ul li:nth-of-type(2) {
                    width: 291px;
                }
                ul li:nth-of-type(3) {
                    width: 189px;
                }
                ul:nth-of-type(1) {
                    margin-top: 21px;
                }
                ul:nth-of-type(2) {
                    margin-top: 21px;
                }
            }
            //          添加新地址
            .Add-Address {
                width: 172px;
                height: 28px;
                background: #362f2f;
                border-radius: 8px;
                margin-top: 10px;
                font-size: 14px;
                span {
                    display: block;
                    text-align: center;
                    line-height: 28px;
                }
                a {
                    color: white;
                }
                p {
                    margin-top: 27px;
                }
            }
            //          留言框
            .Message-Box {
                margin-top: 48px;
                input {
                    width: 825px;
                    height: 36px;
                }
            }
            //          商品明细
            .Price-breakdown {
                width: 827px;
                height: 145px;
                margin-top: 35px;
                border-bottom: 1px solid #dadada;
                li {
                    padding-bottom: 19px;
                    font-size: 14px;
                }
                ul:first-of-type {
                    margin-right: 23px;
                }
                ul {
                    display: inline-block;
                }
                span {
                    color: #dadada;
                }
                ul:nth-of-type(3) {
                    margin-left: 422px;
                }
                ul:nth-of-type(4) {
                    margin-left: 15px;
                }
            }
            .next {
                margin-top: 18px;
                input[type=button] {
                    width: 98px;
                    height: 28px;
                    background: #362f2f;
                    border-radius: 8px;
                    float: right;
                    color: white;
                    outline: none;
                }
            }
            //          左边内容结束
            .left-end-Recommended-Commodities {
                width: 828px;
                height: 323px;
                margin-top: 32px;
                //                 查看下面的推荐商品文字样式
                .left-end-box1 {
                    background: #efefef;
                    height: 32px;
                    margin-top: 8px;
                    span {
                        font-size: 14px;
                        color: red;
                        padding-left: 28px;
                        line-height: 32px;
                    }
                }
                .left-end {
                    width: 828px;
                    height: 238px;
                    margin-top: 30px;
                    position: absolute;
                    .left-img {
                        margin-top: 110px;
                        float: left;
                        padding-right: 70px;
                    }
                    .left-img2 {
                        display: inline-block;
                        .img-box1 {
                            position: absolute;
                            left: 98px;
                            top: 20px;
                        }
                        .img-box2 {
                            position: absolute;
                            left: 268px;
                            top: 20px;
                        }
                        .img-box3 {
                            position: absolute;
                            left: 437px;
                            top: 20px;
                        }
                        .img-box4 {
                            position: absolute;
                            left: 607px;
                            top: 20px;
                        }
                    }
                    .commodity-text {
                        display: inline-block;
                        ul {
                            float: left;
                            padding-right: 47px;
                            li {
                                width: 123px;
                                font-size: 14px;
                                line-height: 20px;
                            }
                        }
                        ul:first-of-type {
                            margin-left: 128px;
                        }
                        ul:last-of-type {
                            padding-right: 0px;
                        }
                    }
                    //                     右箭头
                    .right-img {
                        margin-top: -63px;
                        float: right;
                    }
                }
            }
        }
    }
}

.section-right {
    width: 647px;
    height: 878px;
    float: right;
    margin-top: 100px;
    .title-box {
        //  我的购物车文字
        h3 {
            font-size: 18px;
            font-weight: 500;
            display: inline-block;
        }
        //  修改-文字样式
        span {
            font-size: 18px;
            margin-left: 500px;
        }
    }
    //  结算商品框架
    .commodity1 {
        width: 647px;
        height: 245px;
        border-top: 1px solid #dadada;
        margin-top: 8px;
        //      商品图片div
        .commodity1-img {
            margin-top: 23px;
            width: 120px;
            height: 120px;
            float: left;
        }
        //     商品品牌名称-文字样式
        h3 {
            margin-top: 22px;
            margin-left: 21px;
            font-size: 14px;
            font-weight: 500;
            float: left;
        }
        //      商品明细：商品样式、规格、价格等-文字样式
        ul {
            float: left;
            margin-top: 70px;
            margin-left: -80px;
        }
        ul li {
            padding-bottom: 17px;
            font-size: 14px;
        }
        //      价格150-文字样式
        span {
            font-size: 14px;
            display: inline-block;
            float: right;
            margin-right: 20px;
            margin-top: 215px;
        }
    }
    //  第二个商品框架只显示底部边框
    .commodity1:nth-of-type(3) {
        border-bottom: 1px solid #dadada;
    }
    //  商品金额、优惠、运费、订单总额-框架
    .section-right-end {
        width: 647px;
        height: 233px;
        margin-top: 23px;
        background: #efefef;
        border-radius: 8px;
    }
    //  商品金额、优惠、运费
    .section-right-end table {
        width: 572px;
        height: 87px;
        margin-left: 38px;
        td:nth-of-type(2n) {
            text-align: right;
            padding-top: 15px;
            padding-bottom: 15px;
        }
        //      水平线与价格之间的距离
        .tr {
            padding-top: 20px;
        }
        //      优惠字体样式
        .td-4-color {
            color: #c1c1c1;
        }
        //      订单总额-文字样式
        .last-money {
            font-size: 18px;
        }
    }
}